﻿<!DOCTYPE html>
<html  lang="en" xmlns:th="http://www.thymeleaf.org" >
  <head>
    <title>登录访客管理系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link th:href="@{/static/login/resources/css/axure_rp_page.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/static/login/data/styles.css}" type="text/css" rel="stylesheet"/>
    <link th:href="@{/static/login/files/page1/styles.css}" type="text/css" rel="stylesheet"/>
    <script th:src="@{/static/login/resources/scripts/jquery-3.2.1.min.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/axQuery.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/globals.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axutils.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/annotation.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/axQuery.std.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/doc.js}"></script>
    <script th:src="@{/static/login/resources/scripts/messagecenter.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/events.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/recording.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/action.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/expr.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/geometry.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/flyout.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/model.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/repeater.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/sto.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/utils.temp.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/variables.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/drag.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/move.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/visibility.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/style.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/adaptive.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/tree.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/init.temp.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/legacy.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/viewer.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/math.js}"></script>
    <script th:src="@{/static/login/resources/scripts/axure/jquery.nicescroll.min.js}"></script>
    <script th:src="@{/static/login/data/document.js}"></script>
    <script th:src="@{/static/login/files/page1/data.js}"></script>
    <!--layui有关组件-->
    <script th:src="@{/static/layui/js/layui.js}"></script>
    <!--vue3模块有关配置-->
    <script type="importmap">
      {
        "imports": {
            "vue": "https://unpkg.com/vue@3/dist/vue.esm-browser.js",
            "js-base64": "https://cdn.jsdelivr.net/npm/js-base64@3.7.2/base64.mjs"
        }
      }
    </script>
    <script th:src="@{/static/vue/axios.min.js}" charset="UTF-8" type="text/javascript"></script>

    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return '/static/login/resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return '/static/login/resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return '/static/login/resources/reload.html'; };
    </script>
    <script >

      //窗口大小变化时候，进行刷新页面操作，防止样式混乱

      let x=window.innerWidth;

      function resizeFresh(){

        if(x!==window.innerWidth)

          location.reload();

      }

    </script>
  </head>
  <body onresize="resizeFresh()">
    <div id="base" class="" >

      <!-- Unnamed (动态面板) -->
      <div id="u0" class="ax_default">
        <div id="u0_state0" class="panel_state" data-label="State1" style="height: 100%;width: 100%;background-color: #2D93CA" >
          <div id="u0_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u1" class="ax_default icon">
        <img id="u1_img" class="img " th:src="@{/static/login/images/page1/u1.svg}"/>
        <div id="u1_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u2" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!--   (矩形) -->
      <div id="u3" class="ax_default box_2" data-label="&nbsp;">
        <div id="u3_div" class=""></div>
        <div id="u3_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组 合) -->
      <div id="u4" class="ax_default" data-left="625" data-top="123" data-width="347" data-height="404">

        <!-- Unnamed (矩形) -->
        <div id="u5" class="ax_default _文本段落">
          <div id="u5_div" class=""></div>
          <div id="u5_text" class="text ">
            <p><span>登录访客管理系统</span></p>
          </div>
        </div>

        <!-- 验证码 (组 合) -->
        <div id="u6" class="ax_default" data-label="验证码" data-left="625" data-top="334" data-width="210" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u7" class="ax_default box_1">
            <div id="u7_div" class=""></div>
            <div id="u7_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- 验证 (文本框) -->
          <div id="u8" class="ax_default text_field" data-label="验证">
            <div id="u8_div" class=""></div>
            <!--API-->
            <input id="u8_input" type="text"  class="u8_input" v-model="code"/>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u9" class="ax_default _形状1">
            <img id="u9_img" class="img " th:src="@{/static/login/images/page1//u9.svg}"/>
            <div id="u9_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- 用户 (组 合) -->
        <div id="u10" class="ax_default" data-label="用户" data-left="625" data-top="214" data-width="347" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u11" class="ax_default box_1">
            <div id="u11_div" class=""></div>
            <div id="u11_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- 管理员ID号 -->
          <div id="u12" class="ax_default text_field" data-label="管理员ID号">

            <div id="u12_div" class=""></div>
            <!--API-->
            <input id="u12_input" type="text"  class="u12_input" v-model="adminID" placeholder="管理员ID号"/>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u13" class="ax_default" data-left="635" data-top="225" data-width="16" data-height="14">

            <!-- Unnamed (形状) -->
            <div id="u14" class="ax_default _形状1">
              <img id="u14_img" class="img " th:src="@{/static/login/images/page1/u14.svg}"/>
              <div id="u14_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u15" class="ax_default _形状1">
              <img id="u15_img" class="img " th:src="@{/static/login/images/page1/u15.svg}"/>
              <div id="u15_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组 合) -->
        <div id="u16" class="ax_default" data-left="628" data-top="396" data-width="85" data-height="21">

          <!-- Unnamed (矩形) -->
          <div id="u17" class="ax_default _文本段落">
            <div id="u17_div" class=""></div>
            <div id="u17_text" class="text ">
              <p><span>记住我</span></p>
            </div>
          </div>


          <!-- 记住我复选框   -->
          <div id="u18" class="ax_default ellipse">
            <!--API-->
            <input id="choice" type="checkbox" v-model="choice" value="1" />
            <div id="u18_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>



        </div>

        <!-- 密码 (组 合) -->
        <div id="u19" class="ax_default" data-label="密码" data-left="625" data-top="274" data-width="347" data-height="40">

          <!-- Unnamed (矩形) -->
          <div id="u20" class="ax_default box_1">
            <div id="u20_div" class=""></div>
            <div id="u20_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- 密码 (文本框) -->
          <div id="u21" class="ax_default text_field" data-label="密码">
            <div id="u21_div" class=""></div>
            <!--API-->
            <input id="u21_input" type="password" v-model="password" class="u21_input" placeholder="请输入密码"/>
          </div>

          <!-- Unnamed (组 合) -->
          <div id="u22" class="ax_default" data-left="635" data-top="284" data-width="16" data-height="20">

            <!-- Unnamed (形状) -->
            <div id="u23" class="ax_default _形状1">
              <img id="u23_img" class="img " th:src="@{/static/login/images/page1/u23.svg}"/>
              <div id="u23_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u24" class="ax_default _形状1">
              <img id="u24_img" class="img " th:src="@{/static/login/images/page1/u24.svg}"/>
              <div id="u24_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u25" class="ax_default _形状1">
              <img id="u25_img" class="img " th:src="@{/static/login/images/page1/u25.svg}"/>
              <div id="u25_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) 登录按钮 -->
        <div id="u26" class="ax_default box_2" @click="login">
          <div id="u26_div" class=""></div>
          <div id="u26_text" class="text ">
            <p><span>登录</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u27" class="ax_default _文本段落">
          <div id="u27_div" class=""></div>
          <div id="u27_text" class="text ">
            <p><span>注册账号</span></p>
          </div>
        </div>

        <!-- Unnamed (图片) 验证码 -->
        <div id="u28" class="ax_default _图片1">
          <img id="u28_img" class="img " th:src="@{/kaptcha}" @click="freshKaptcha"/>
          <div id="u28_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u29" class="ax_default _文本段落">
          <div id="u29_div" class=""></div>
          <div id="u29_text" class="text ">
            <p><span>忘记密码？</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u31" class="ax_default _文本段落">
          <div id="u31_div" class=""></div>
          <div id="u31_text" class="text ">
            <p><span>用户登录入口</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u32" class="ax_default icon">
        <img id="u32_img" class="img " th:src="@{/static/login/images/page1/u32.svg}"/>
        <div id="u32_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u33" class="ax_default icon">
        <img id="u33_img" class="img " th:src="@{/static/login/images/page1/u33.svg}"/>
        <div id="u33_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u34" class="ax_default _文本段落">
        <div id="u34_div" class=""></div>
        <div id="u34_text" class="text ">
          <p><span>云端一站式管理，方便快捷</span></p>
        </div>
      </div>
    </div>



  </body>



  <!--用户登录API-->
  <form th:action="@{/admin/login}" id="loginUrl"></form>
  <!--管理端入口界面-->
  <form th:action="@{/admin/index}" id="enterUrl"></form>



  <script th:src="@{/static/login/resources/scripts/axure/ios.js}"></script>
  <!--自己的网页脚本-->
  <script type="module" th:src="@{/static/login.js}"></script>

</html>
